<html>
	<head>
		<title>Registration Form</title>
    <link rel="stylesheet" href="css/site.css" />
    <script type="text/javascript" src="js/register.js">   
    </script>
 </head>
	<body>
		<form name="register" onSubmit="return validate(this)">
    <input type="hidden1" name="hiddenGender">
			<table cellpadding="0" cellspacing="0"   width="70%" border="0" align="center">
				<thead>
					<tr>
						<th colspan="2">PLease fill the details below</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td align="right">Name :</td>
						<td>
						<input name="uname"  placeholder="My name is" type="text" value="">
						</td>
            
					</tr>
					<tr>
						<td align="right">Email :</td>
						<td>
						<input name="email" autocomplete="off" onpaste="return false"  placeholder="My email is"  type="email">
						</td>
					</tr>
					<tr>
						<td align="right">Password :</td>
						<td>
						<input name="password" autocomplete="off" onpaste="return false"  placeholder="password" type="password">
						</td>
					</tr>
					<tr>
						<td align="right">Confirm Password :</td>
						<td>
						<input name="conPassword" autocomplete="off" onpaste="return false"  placeholder="Confirm Password" type="password">
						</td>
					</tr>
					<tr>
						<td align="right">Date of Birth :</td>
						<td>
						<input name="dob" type="date" placeholder="DD/MM/YYYY">
						</td>
					</tr>
					<tr>
						<td align="right">Gender :</td>
						<td>
						<label><input id="gMaleId" 
onClick="document.register.hiddenGender.value='male'"            
            name="gender"  type="radio" value="0">
						Male</label>
						<label><input id="gFemaleId"
onClick="document.register.hiddenGender.value='female'"            
            name="gender" type="radio" value="1">
						Female </label></td>
					</tr>
					<tr>
						<td align="right">Address :</td>
						<td>						<textarea name="address"  placeholder="My address is"></textarea></td>
					</tr>
					<tr>
						<td align="right">Country :</td>
						<td>
						<select name="country">
							<option>-Select-</option>
							<option>India</option>
							<option>Pakistan</option>
						</select></td>
					</tr>
					<tr>
						<td align="right">Languages known :</td>
						<td>
						<select name="lang" multiple>
							<option>PHP</option>
							<option>C++</option>
							<option>Java</option>
							<option>C#</option>
							<option>C</option>
						</select></td>
					</tr>
					<tr>
						<td align="right">Hobbies :</td>
						<td>
						<label><input name="hobbies[]" type="checkbox" value="0">
						Cricket</label>
						<label><input  name="hobbies[]" type="checkbox" value="1">
						Hockey</label>
						<label><input  name="hobbies[]" type="checkbox" value="1">
						Badminton</label>
						<label><input  name="hobbies[]" type="checkbox" value="1">
						Chess </label></td>
					</tr>
					<tr>
						<td align="right">Upload avatar :</td>
						<td>
						<input name="avatar"  placeholder="Upload avatar" type="file">
						</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>
						<input name="submit" type="submit" value="I am done!" >
						</td>
					</tr>
				</tbody>
			</table>
		</form>
	</body>

</html>